<template>
  <!-- Appointment -->
  <div class="Appointment" id="Appointment">
    <div class="video">
      <video src="../video/bg2.mp4" autoplay loop muted controls></video>
    </div>
    <div class="block"></div>
    <div class="image">
      <img src="../assets/image/bg_role.f6q2F4Cc.png" alt="" />
      <img src="../assets/image/appoint_title.Cy8ucYVA.png" alt="" />
    </div>
    <div class="gift">
      <div class="gift_one">
        <div class="gift_box">
          <div class="left">
            <div class="tex">
              <p>//预约量：</p>
              <p>500W</p>
              <p>//奖励：</p>
              <p>九方币*3000</p>
            </div>
          </div>
          <div class="right">
            <img
              src="../assets/image/appointm_active_50w.CYQQeRCP.png"
              alt=""
            />
          </div>
        </div>
        <div class="gift_box">
          <div class="left">
            <div class="tex">
              <p>//预约量：</p>
              <p>50W</p>
              <p>//奖励：</p>
              <p>九方币*3000</p>
            </div>
          </div>
          <div class="right">
            <img
              src="../assets/image/appointm_active_100w.Dun_3AOL.png"
              alt=""
            />
          </div>
        </div>
        <div class="gift_box">
          <div class="left">
            <div class="tex">
              <p>//预约量：</p>
              <p>50W</p>
              <p>//奖励：</p>
              <p>九方币*3000</p>
            </div>
          </div>
          <div class="right">
            <img
              src="../assets/image/appointm_active_300w.CPdkKF0s.png"
              alt=""
            />
          </div>
        </div>
      </div>
      <!--  -->
      <div class="gift_two">
        <div class="gift_box">
          <div class="left">
            <div class="tex">
              <p>//预约量：</p>
              <p>50W</p>
              <p>//奖励：</p>
              <p>九方币*3000</p>
            </div>
          </div>
          <div class="right">
            <img
              src="../assets/image/appointm_active_500w.DjCuK4EQ.png"
              alt=""
            />
          </div>
        </div>
        <div class="gift_box">
          <div class="left">
            <div class="tex">
              <p>//预约量：</p>
              <p>50W</p>
              <p>//奖励：</p>
              <p>九方币*3000</p>
            </div>
          </div>
          <div class="right">
            <img
              src="../assets/image/appointm_active_800w.CJAk1ocf.png"
              alt=""
            />
          </div>
        </div>
      </div>
    </div>
    <div class="btn">
      <button>预约奖励</button>
      <button>预约奖励</button>
      <button>预约奖励</button>
    </div>
  </div>
</template>

<script>
export default {
  name: "AppoinTment",
};
</script>

<style>
</style>